<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <title>玉灵 QQ:7031633 Email:webrx@126.com</title>
    <meta content="关键字" name="keywords">
    <meta content="简介" name="description">
    <style>
        body {
            background-color: blueviolet;
        }

        .demo1 {
            text-shadow: red 0 1px 0;
        }

        .demo3 {
            text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de;
        }

        .demo4 {
            text-shadow: 5px 5px 0 blueviolet, 7px 7px 0 #fff;
        }

        h1 {
            font: bold 50px/60px "";
            /*color: yellowgreen;*/
            color: #fff;
            /*text-shadow: -1px -1px 2px #d2f5b2, 1px 1px 2px #000;*/
        }

        h2 {
            text-shadow: 20px 30px 100px red, 40px 50px 16px yellow;
        }
    </style>
</head>

<body>
<h1 class="demo4">text shadow 文本阴影</h1>
</body>
</html>
